import React from 'react'
// Count组件被称为展示组件
export default function Count(props) {
  let inp
  return (
    <div>
      <input
        type="number"
        ref={(node) => {
          inp = node
        }}
      />
      <h1>{props.count}</h1>
      <button
        onClick={() => {
          props.add()
        }}
      >
        +1
      </button>
      <button
        onClick={() => {
          // 从文本框中获取数字
          // console.log(Number(inp.value))
          props.zzz(Number(inp.value))
        }}
      >
        +n
      </button>
      <button
        onClick={() => {
          props.sub()
        }}
      >
        -
      </button>
      <button
        onClick={() => {
          props.addAsync()
        }}
      >
        点击等待1s中再加
      </button>
    </div>
  )
}
